.navBox {
	width: 958px;
	margin: 10px auto 0;
	background: #0363ad;
	height: 34px;
	text-align: center;
	position: relative;
	z-index: 15
}
.navBox .nav>li.first:hover .drop-down-menu{
    display: block;
    -webkit-transition: all .2s;
	transition: all .2s
}
.navBox .arrow {
    background: url(../images/mysteel_nav_ico.png)
}
.navBox .nav {
	width: 100%;
	position: relative;
	z-index: 13
}

.navBox .nav>li {
	width: 76px;
	height: 34px;
	line-height: 34px;
	font-size: 15px;
	font-weight: bold;
	float: left
}

.navBox .nav>li>a {
	display: block;
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-align: center;
	-webkit-transition: all .2s;
	transition: all .2s
}

.navBox .nav>li>a .arrow {
	width: 8px;
	height: 4px;
	margin-left: 5px;
	background-position: 0 0;
	display: inline-block;
	zoom: 1;
	position: relative;
	top: -3px;
	*top: -7px;
	z-index: 1;
	-webkit-transition: all .3s;
	transition: all .3s
}

.navBox .nav>li>a::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	width: 100%;
	height: 0;
	opacity: .5;
	background: #dd0c0c;
	-webkit-transition: all .2s;
	transition: all .2s
}

.navBox .nav>li>a:hover,
.navBox .nav>li>a.cur {
	text-decoration: none
}

.navBox .nav>li>a:hover .arrow,
.navBox .nav>li>a.cur .arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .2s;
	transition: all .2s
}

.navBox .nav>li>a:hover::before,
.navBox .nav>li>a.cur::before {
	height: 100%;
	width: 100%;
	opacity: 1
}

.navBox .nav>li>a.hover {
	background: #dd0c0c\9
}

.navBox .nav>li>a.cur {
	background: #dd0c0c
}

.navBox .nav>li.first {
	width: 112px;
	background: #dd0c0c
}

.navBox .nav>li.first>a .arrow {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.navBox .nav>li.first>a:hover .arrow,
.navBox .nav>li.first>a.cur .arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.navBox .back-old {
	width: 50px;
	height: 24px;
	line-height: 24px;
	float: right;
	background: #4988d8;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	top: 5px;
	right: 8px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.navBox .back-old:hover {
	color: #fff;
	background: #3f7dcd;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s
}

.navBox .drop-down-menu {
	width: 852px;
	padding: 10px 10px 10px 20px;
	font-weight: normal;
	line-height: 22px;
	background: #fff;
	border: 2px solid #e5e5e5;
	text-align: left;
	position: absolute;
	height:340px;
	left: 0;
	top: 34px;
	z-index: 3;
	display: none;
	
}

.navBox .drop-down-menu dl {
	font-size: 0
}

.navBox .drop-down-menu dl dt {
	font-size: 12px
}

.navBox .drop-down-menu dl dd {
	font-size: 0
}

.navBox .drop-down-menu dl dd a {
	font-size: 12px
}

.navBox .drop-down-menu .city-module dl {
	line-height: 22px;
	margin-bottom: 5px;
	overflow: hidden;
	zoom: 1
}

.navBox .drop-down-menu .city-module dl dt {
	width: 40px;
	float: left;
	font-weight: bold;
	color: #0363ad
}

.navBox .drop-down-menu .city-module dl dt a {
	color: #0363ad
}

.navBox .drop-down-menu .city-module dl dd {
	width: 810px;
	padding-top: 2px;
	line-height: 18px;
	float: left
}

.navBox .drop-down-menu .city-module dl dd a {
	margin: 0 6px;
	display: inline-block
}

.navBox .drop-down-menu .b-tit {
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 12px;
	color: #0363ad
}

.navBox .drop-down-menu .b-tit.noBold {
	font-weight: normal
}

.navBox .drop-down-menu .b-tit a {
	color: #0363ad
}

.navBox .drop-down-menu .b-con {
	overflow: hidden;
	zoom: 1
}

.navBox .drop-down-menu .b-con dt {
	float: left;
	color: #0363ad
}

.navBox .drop-down-menu .b-con dt a {
	color: #0363ad
}

.navBox .drop-down-menu .b-con dd {
	float: right
}

.navBox .drop-down-menu .b-con dd a {
	margin: 0 12px 5px 0;
	display: inline-block
}

.navBox .drop-down-menu .breed-gc>dt {
	font-size: 12px;
	color: #dd0c0c;
	font-weight: bold;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 5px;
	margin: 0 12px 15px 0
}

.navBox .drop-down-menu .breed-gc>dt a {
	color: #dd0c0c;
	margin-right: 10px
}

.navBox .drop-down-menu .breed-gc>dd {
	font-size: 12px;
	margin-bottom: 3px;
	overflow: hidden;
	zoom: 1
}

.navBox .drop-down-menu .breed-gc>dd .pg {
	width: 370px;
	padding-right: 7px;
	float: left;
	border-right: 1px dashed #dcdcdc
}

.navBox .drop-down-menu .breed-gc>dd .pg dt {
	width: 60px
}

.navBox .drop-down-menu .breed-gc>dd .pg dd {
	width: 307px
}

.navBox .drop-down-menu .breed-gc>dd .tg {
	font-size: 12px;
	width: 448px;
	float: right
}

.navBox .drop-down-menu .breed-gc>dd .tg dt {
	width: 60px
}

.navBox .drop-down-menu .breed-gc>dd .tg dd {
	width: 358px
}

.navBox .drop-down-menu .breed-gc>dd .tg dd a {
	margin-right: 11px;
	*margin-right: 10px
}

.navBox .drop-down-menu .breed-gc>dd .tg dd h5 {
	margin-top: 0
}

.navBox .drop-down-menu .breed-ll {
	font-size: 12px
}

.navBox .drop-down-menu .breed-ll .b-con dt {
	width: 50px
}

.navBox .drop-down-menu .breed-ll .b-con dd {
	width: 340px
}

.navBox .drop-down-menu.drop-down-ll {
	font-size: 12px;
	width: 390px
}